<!DOCTYPE html>
<html lang=zh>
<head>
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="简介Markdown是标记语言，写博客、文稿、短文都可以用到，也是技术大牛书写技术文章的利器。不要让“标记语言”这四个字给骗到，以为它很难，实际上它的语法非常简单，常用的也就十几个。使用Markdown书写文章，不用像在word中进行排版，设置字体，只需记住特定的“标记”就可以啦。
支持Markdown的软件很多，mac系统推荐试一下有道云笔记2.0版本有道云笔记下载
标题文章都有标题，在Mark">
<meta property="og:type" content="article">
<meta property="og:title" content="Markdown快速入门">
<meta property="og:url" content="http://www.sithome.vip/2016/07/19/markdown-start-fast/index.html">
<meta property="og:site_name" content="SitHome">
<meta property="og:description" content="简介Markdown是标记语言，写博客、文稿、短文都可以用到，也是技术大牛书写技术文章的利器。不要让“标记语言”这四个字给骗到，以为它很难，实际上它的语法非常简单，常用的也就十几个。使用Markdown书写文章，不用像在word中进行排版，设置字体，只需记住特定的“标记”就可以啦。
支持Markdown的软件很多，mac系统推荐试一下有道云笔记2.0版本有道云笔记下载
标题文章都有标题，在Mark">
<meta property="og:image" content="http://oaia6fqjr.bkt.clouddn.com/markdown-header.png">
<meta property="og:image" content="http://oaia6fqjr.bkt.clouddn.com/markdown-blod.png">
<meta property="og:image" content="http://oaia6fqjr.bkt.clouddn.com/Markdown-quene.png">
<meta property="og:image" content="http://oaia6fqjr.bkt.clouddn.com/MarkdownTable.png">
<meta property="og:image" content="http://oaia6fqjr.bkt.clouddn.com/markdown-code.png">
<meta property="og:updated_time" content="2017-02-07T03:18:46.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Markdown快速入门">
<meta name="twitter:description" content="简介Markdown是标记语言，写博客、文稿、短文都可以用到，也是技术大牛书写技术文章的利器。不要让“标记语言”这四个字给骗到，以为它很难，实际上它的语法非常简单，常用的也就十几个。使用Markdown书写文章，不用像在word中进行排版，设置字体，只需记住特定的“标记”就可以啦。
支持Markdown的软件很多，mac系统推荐试一下有道云笔记2.0版本有道云笔记下载
标题文章都有标题，在Mark">
<meta name="twitter:image" content="http://oaia6fqjr.bkt.clouddn.com/markdown-header.png">
    
    
        
          
              <link rel="shortcut icon" href="/images/favicon.ico">
          
        
        
          
            <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
          
        
        
          
            <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
          
        
    
    <!-- title -->
    <title>Markdown快速入门</title>
    <!-- styles -->
    <link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/lib/meslo-LG/styles.css">
    <link rel="stylesheet" href="/lib/justified-gallery/justifiedGallery.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <!-- rss -->
    
    
    <!-- jquery -->
    <script src="/lib/jquery/jquery.min.js"></script>
</head>

<body>
    
      <div id="header-post">
  <a id="menu-icon" href="#"><i class="fa fa-bars fa-lg"></i></a>
  <a id="menu-icon-tablet" href="#"><i class="fa fa-bars fa-lg"></i></a>
  <a id="top-icon-tablet" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');" style="display:none;"><i class="fa fa-chevron-up fa-lg"></i></a>
  <span id="menu">
    <span id="nav">
      <ul>
        
          <li><a href="/">主页</a></li>
        
          <li><a href="/about/">关于</a></li>
        
          <li><a href="/archives/">文章</a></li>
        
          <li><a href="https://git.oschina.net/sithome">码云</a></li>
        
      </ul>
    </span>
    <br/>
    <span id="actions">
      <ul>
        
        <li><a class="icon" href="/2017/01/26/first-angular2-app/"><i class="fa fa-chevron-left" aria-hidden="true" onmouseover='$("#i-prev").toggle();' onmouseout='$("#i-prev").toggle();'></i></a></li>
        
        
        <li><a class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa fa-chevron-up" aria-hidden="true" onmouseover='$("#i-top").toggle();' onmouseout='$("#i-top").toggle();'></i></a></li>
        <li><a class="icon" href="#"><i class="fa fa-share-alt" aria-hidden="true" onmouseover='$("#i-share").toggle();' onmouseout='$("#i-share").toggle();' onclick='$("#share").toggle();return false;'></i></a></li>
      </ul>
      <span id="i-prev" class="info" style="display:none;">Previous post</span>
      <span id="i-next" class="info" style="display:none;">Next post</span>
      <span id="i-top" class="info" style="display:none;">Back to top</span>
      <span id="i-share" class="info" style="display:none;">Share post</span>
    </span>
    <br/>
    <div id="share" style="display: none">
      <ul>
  <li><a class="icon" href="http://www.facebook.com/sharer.php?u=http://www.sithome.vip/2016/07/19/markdown-start-fast/"><i class="fa fa-facebook " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="https://twitter.com/share?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&text=Markdown快速入门"><i class="fa fa-twitter " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://www.linkedin.com/shareArticle?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-linkedin " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="https://pinterest.com/pin/create/bookmarklet/?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&is_video=false&description=Markdown快速入门"><i class="fa fa-pinterest " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="mailto:?subject=Markdown快速入门&body=Check out this article: http://www.sithome.vip/2016/07/19/markdown-start-fast/"><i class="fa fa-envelope " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="https://getpocket.com/save?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-get-pocket " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://reddit.com/submit?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-reddit " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://www.stumbleupon.com/submit?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-stumbleupon " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://digg.com/submit?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-digg " aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://www.tumblr.com/share/link?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&name=Markdown快速入门&description="><i class="fa fa-tumblr " aria-hidden="true"></i></a></li>
</ul>

    </div>
    <div id="toc">
      <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#简介"><span class="toc-number">1.</span> <span class="toc-text">简介</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#标题"><span class="toc-number">2.</span> <span class="toc-text">标题</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#粗体、斜体"><span class="toc-number">3.</span> <span class="toc-text">粗体、斜体</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#分割线"><span class="toc-number">4.</span> <span class="toc-text">分割线</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#引用"><span class="toc-number">5.</span> <span class="toc-text">引用</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#链接"><span class="toc-number">6.</span> <span class="toc-text">链接</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#图片"><span class="toc-number">7.</span> <span class="toc-text">图片</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#列表"><span class="toc-number">8.</span> <span class="toc-text">列表</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#表格"><span class="toc-number">9.</span> <span class="toc-text">表格</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#代码框"><span class="toc-number">10.</span> <span class="toc-text">代码框</span></a></li></ol>
    </div>
  </span>

</div>

    
    <div class="content index width mx-auto px2 my4">
        
        <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
  <header>
    
    <h1 class="posttitle" itemprop="name headline">
        Markdown快速入门
    </h1>



    <div class="meta">
      <span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">SitHome</span>
      </span>
      
    <div class="postdate">
        <time datetime="2016-07-19T05:21:25.000Z" itemprop="datePublished">2016-07-19</time>
    </div>


      

    </div>
  </header>
  

  <div class="content" itemprop="articleBody">
    <h1 id="简介"><a href="#简介" class="headerlink" title="简介"></a>简介</h1><p>Markdown是标记语言，写博客、文稿、短文都可以用到，也是技术大牛书写技术文章的利器。不要让“标记语言”这四个字给骗到，以为它很难，实际上它的语法非常简单，常用的也就十几个。使用Markdown书写文章，不用像在word中进行排版，设置字体，只需记住特定的“标记”就可以啦。</p>
<p>支持Markdown的软件很多，mac系统推荐试一下有道云笔记2.0版本<br><a href="http://note.youdao.com/?invitation=E87DA0BCF17E449B8902F1A51F5C5D19" target="_blank" rel="external">有道云笔记下载</a></p>
<h1 id="标题"><a href="#标题" class="headerlink" title="标题"></a>标题</h1><p>文章都有标题，在Markdown中你只需在文本前面添加 # 即可，记得 # 要与文本中间保留一个字符的空格。一级标题加一个 # ，二级标题两个……。总共有六级。</p>
<figure class="highlight markdown"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line"><span class="section"># 一级标题</span></div><div class="line"><span class="section">## 二级标题</span></div><div class="line"><span class="section">### 三级标题</span></div><div class="line"><span class="section">#### 四级标题</span></div><div class="line"><span class="section">##### 五级标题</span></div><div class="line"><span class="section">###### 六级标题</span></div></pre></td></tr></table></figure>
<p><img src="http://oaia6fqjr.bkt.clouddn.com/markdown-header.png" alt="标题示例"></p>
<h1 id="粗体、斜体"><a href="#粗体、斜体" class="headerlink" title="粗体、斜体"></a>粗体、斜体</h1><p>粗体和斜体也很简单，直接见下面格式</p>
<figure class="highlight markdown"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line"><span class="strong">**粗体文字**</span></div><div class="line"><span class="emphasis">*斜体文字*</span></div></pre></td></tr></table></figure>
<p>注意：<strong>包含文字的 * 号后面不要有空格</strong></p>
<p><img src="http://oaia6fqjr.bkt.clouddn.com/markdown-blod.png" alt="粗体斜体示例"></p>
<h1 id="分割线"><a href="#分割线" class="headerlink" title="分割线"></a>分割线</h1><p>分割线非常简单，直接三个连续的 * 就可以了！</p>
<figure class="highlight markdown"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line"><span class="emphasis">***</span></div></pre></td></tr></table></figure>
<h1 id="引用"><a href="#引用" class="headerlink" title="引用"></a>引用</h1><p>写文章，博客时需要引用别处的观点，句子，这时就用到了引用，格式如下。</p>
<figure class="highlight markdown"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line"><span class="quote">&gt; 这是引用</span></div></pre></td></tr></table></figure>
<h1 id="链接"><a href="#链接" class="headerlink" title="链接"></a>链接</h1><p>连接的格式也很简单，如下：</p>
<figure class="highlight markdown"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">[<span class="string">连接文字</span>](<span class="link">连接地址</span>)</div></pre></td></tr></table></figure>
<h1 id="图片"><a href="#图片" class="headerlink" title="图片"></a>图片</h1><p>图片和链接的格式很像，如下：<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">![<span class="string">图片文字</span>](<span class="link">图片连接地址</span>)</div></pre></td></tr></table></figure></p>
<p>图片存储可以使用七牛，七牛的支持外链地址，而且空间也不小，存储博客图片足够了。<br><a href="https://portal.qiniu.com/signup?code=3lp4xsc4infwy" target="_blank" rel="external">七牛注册地址</a></p>
<h1 id="列表"><a href="#列表" class="headerlink" title="列表"></a>列表</h1><p>列表有无序列表和有序列表。</p>
<ul>
<li>无序列表：文字前面加上 -，+ 或者 *</li>
<li>有序列表：文字前面加上序号1. 2. 3.（是英文句号哦）</li>
</ul>
<p><img src="http://oaia6fqjr.bkt.clouddn.com/Markdown-quene.png" alt="列表示例"></p>
<h1 id="表格"><a href="#表格" class="headerlink" title="表格"></a>表格</h1><p>直接看下图的示例<br><img src="http://oaia6fqjr.bkt.clouddn.com/MarkdownTable.png" alt="Markdown表格示例"></p>
<h1 id="代码框"><a href="#代码框" class="headerlink" title="代码框"></a>代码框</h1><p>使用 ``` 把代码包括起来起来就可以了，记得这个符号一般在键盘的左上角，要英文状态下。</p>
<p><img src="http://oaia6fqjr.bkt.clouddn.com/markdown-code.png" alt="代码示例"></p>

  </div>
</article>

    <div class="weixin">
      <p>欢迎关注微信SitHomeBing，互相交流学习</p>
      <p><img src="http://okhdvenip.bkt.clouddn.com/qrcode8.jpg" alt="SitHomeBing" title="微信扫二维码关注"></p>
    </div>





<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="2016/07/19/markdown-start-fast/" data-title="Markdown快速入门" data-url="http://www.sithome.vip/2016/07/19/markdown-start-fast/"></div>
<!-- 多说评论框 end -->



    </div>
    
      <div id="footer-post-container">
  <div id="footer-post">

    <div id="nav-footer" style="display: none">
      <ul>
         
          <li><a href="/">主页</a></li>
         
          <li><a href="/about/">关于</a></li>
         
          <li><a href="/archives/">文章</a></li>
         
          <li><a href="https://git.oschina.net/sithome">码云</a></li>
        
      </ul>
    </div>

    <div id="toc-footer" style="display: none">
      <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#简介"><span class="toc-number">1.</span> <span class="toc-text">简介</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#标题"><span class="toc-number">2.</span> <span class="toc-text">标题</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#粗体、斜体"><span class="toc-number">3.</span> <span class="toc-text">粗体、斜体</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#分割线"><span class="toc-number">4.</span> <span class="toc-text">分割线</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#引用"><span class="toc-number">5.</span> <span class="toc-text">引用</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#链接"><span class="toc-number">6.</span> <span class="toc-text">链接</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#图片"><span class="toc-number">7.</span> <span class="toc-text">图片</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#列表"><span class="toc-number">8.</span> <span class="toc-text">列表</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#表格"><span class="toc-number">9.</span> <span class="toc-text">表格</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#代码框"><span class="toc-number">10.</span> <span class="toc-text">代码框</span></a></li></ol>
    </div>

    <div id="share-footer" style="display: none">
      <ul>
  <li><a class="icon" href="http://www.facebook.com/sharer.php?u=http://www.sithome.vip/2016/07/19/markdown-start-fast/"><i class="fa fa-facebook fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="https://twitter.com/share?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&text=Markdown快速入门"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://www.linkedin.com/shareArticle?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="https://pinterest.com/pin/create/bookmarklet/?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&is_video=false&description=Markdown快速入门"><i class="fa fa-pinterest fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="mailto:?subject=Markdown快速入门&body=Check out this article: http://www.sithome.vip/2016/07/19/markdown-start-fast/"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="https://getpocket.com/save?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-get-pocket fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://reddit.com/submit?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-reddit fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://www.stumbleupon.com/submit?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-stumbleupon fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://digg.com/submit?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&title=Markdown快速入门"><i class="fa fa-digg fa-lg" aria-hidden="true"></i></a></li>
  <li><a class="icon" href="http://www.tumblr.com/share/link?url=http://www.sithome.vip/2016/07/19/markdown-start-fast/&name=Markdown快速入门&description="><i class="fa fa-tumblr fa-lg" aria-hidden="true"></i></a></li>
</ul>

    </div>

    <div id="actions-footer">
      <ul>
        <li id="toc"><a class="icon" href="#" onclick='$("#toc-footer").toggle();return false;'><i class="fa fa-list fa-lg" aria-hidden="true"></i> TOC</a></li>
        <li id="share"><a class="icon" href="#" onclick='$("#share-footer").toggle();return false;'><i class="fa fa-share-alt fa-lg" aria-hidden="true"></i> Share</a></li>
        <li id="top" style="display:none"><a class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa fa-chevron-up fa-lg" aria-hidden="true"></i> Top</a></li>
        <li id="menu"><a class="icon" href="#" onclick='$("#nav-footer").toggle();return false;'><i class="fa fa-bars fa-lg" aria-hidden="true"></i> Menu</a></li>
      </ul>
    </div>

  </div>
</div>

    
    <footer id="footer">
  <div class="footer-left">
    Copyright &copy; 2017 SitHome
  </div>
  <div class="footer-right">
    <nav>
      <ul>
         
          <li><a href="/">主页</a></li>
         
          <li><a href="/about/">关于</a></li>
         
          <li><a href="/archives/">文章</a></li>
         
          <li><a href="https://git.oschina.net/sithome">码云</a></li>
        
      </ul>
    </nav>
  </div>
</footer>

    <script src="/lib/justified-gallery/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- Google Analytics -->
<!--

    <script type="text/javascript">
        (function(i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() {
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-86660611-1', 'auto');
        ga('send', 'pageview');
    </script>

-->
<!-- Disqus Comments -->


<!--duoshuo comments-->

  <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
  <script type="text/javascript">
  var duoshuo_shortname = 'sithome';
  var duoshuoQuery = {short_name:duoshuo_shortname};
    (function() {
      var ds = document.createElement('script');
      ds.type = 'text/javascript';ds.async = true;
      ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
      ds.charset = 'UTF-8';
      (document.getElementsByTagName('head')[0]
       || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
    </script>
  <!-- 多说公共JS代码 end -->


</body>
</html>
